<template>
	<view :class="[BackGround]" :style="[{'font-weight':Style,'font-family':Font,height:100 + '%',minHeight:height + 'px'}]">
    <cu-custom bgColor="bg-gradual-blue" isBack="true">
        <view slot="backText">返回</view>
        <view slot="content">系统维护</view>
    </cu-custom>
    <list-box ref="list" :list="list" @jumpview="jumpview"></list-box>
</view>
</template>

<script>
import ListBox from "@/colorui/components/list.vue";
import {
    mapGetters
} from "vuex";
export default {
    data() {
        return {
			height:this.screenHeight,
            list: [
                {
                    img: "/static/images/Reporttime.png",
                    name: "报表时间设定",
                    id: 1
                },
                {
                    img: "/static/images/Userfeedback.png",
                    name: "用户反馈",
                    id: 2
                },
                {
                    img: "/static/images/Updaterecord.png",
                    name: "更新记录",
                    id: 3
                },
				{
				    img: "/static/images/Dataarchiving.png",
				    name: "数据归档",
				    id: 4
				}
            ]
        };
    },
    computed: {
        ...mapGetters(['Style','Font','BackGround','BackGroundBox'])
    },
    components: {
        ListBox
    },
    methods: {
        jumpview(index) {
            switch (index) {
                case 0:
                    uni.navigateTo({
                        url: './Reporttime/Reporttime'
                    })
                    break;
                case 1:
                    uni.navigateTo({
                        url: './Userfeedback/Userfeedback'
                    })
                    break;
                case 2:
                    uni.navigateTo({
                        url: './Updaterecord/Updaterecord'
                    })
                    break;
            }
        }
    }
};
</script>

<style>

</style>
